@charset "utf-8";

/*公共样式*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 16px;
}

body {
  font-family: PingFangSC-Regular, sans-serif;
  font-size: 1rem;
  color: #666;
  background: #f6f7f8;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  /*修正手持设备字体变化*/
}

body,
html {
  width: 100%;
  height: 100%;
}
p {
  width: 100% !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
img,
ol,
ul,
li,
a,
span,
p,
i,
em,
div,
body,
html {
  margin: 0;
  padding: 0;
  border: none;
  list-style-type: none;
  font-weight: normal;
}

input,
button {
  border: 0;
}

input::-webkit-search-cancel-button {
  display: none;
}

input[type="search"]::-ms-clear {
  display: none;
}

img {
  border: 0;
  vertical-align: middle;
  width: 100%;
  -ms-interpolation-mode: bicubic; /*ie7 解决图片缩放失真问题*/
}

a {
  outline: none;
  text-decoration: none;
  color: #666;
  background: transparent;
  /*修正win8系统IE连接灰色背景*/
}
/* 
a:active {
  star: expression(this.onFocus=this.blur());
} */

/*去掉点击链接时的虚线外框*/

a:focus {
  outline-style: none;
  -moz-outline-style: none;
}

/*清楚浮动*/

.clearfix:after {
  content: " ";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

.clearfix {
  *zoom: 1;
}

/*省略号*/

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ellipsis_2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ellipsis_3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/* float */

.fl {
  float: left;
}

.fr {
  float: right;
}

/**去掉input默认样式**/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
input {
  background-color: rgba(255, 255, 255, 0) !important;
  border: none;
  outline: none;
}

.bgfff {
  background: #fff;
}

/* 文字样式1 */

/* 15px */

.text1 {
  font-size: 0.9375rem;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 1.3125rem;
  color: #333333;
  opacity: 1;
}

/* 13px */

.text2 {
  font-size: 0.8125rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 1.125rem;
  color: #333333;
  opacity: 1;
}

/* 14px */

.text3 {
  font-size: 0.875rem;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 1.25rem;
  color: #353a45;
  opacity: 1;
}

/* 11px */

.text4 {
  font-size: 0.6875rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 1.125rem;
  color: #333333;
  opacity: 1;
}

/* 16px */

.text5 {
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 1.375rem;
  color: #363a44;
  opacity: 1;
}

/* 12px */

.text6 {
  font-size: 0.75rem;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 1.0625rem;
  color: #686b73;
  opacity: 1;
}

/* 18px */

.text7 {
  font-size: 1.125rem;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 1.5625rem;
  color: #428ffc;
  opacity: 1;
}

.flex1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

/* 输入框placeholder  默认颜色 */

/* WebKit, Blink, Edge */
input::-webkit-input-placeholder {
  color: #b3b5b9;
  font-size: 0.875rem;
}

/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {
  color: #b3b5b9;
  font-size: 0.875rem;
}

/* Mozilla Firefox 19+ */
::-moz-placeholder {
  color: #b3b5b9;
  font-size: 0.875rem;
}

/* Internet Explorer 10-11 */
input:-ms-input-placeholder {
  color: #b3b5b9;
  font-size: 0.875rem;
}

/* Microsoft Edge */
input::-ms-input-placeholder {
  color: #b3b5b9;
  font-size: 0.875rem;
}
